{extend name="template"}

{block name="body"}

    <!-- 导航栏 -->
    <div class="layui-row common-nav" style="width:100%;position:fixed;top:0;left:0;height:100px;z-index:90;">
        {include file="common/header" /}
    </div>
    <div id="search_form" style="display: none;z-index:1000;position:absolute;">
        {include file="common/search" /}
    </div>

<!-- 轮播图 -->
<div class="layui-row list-carousel" style="position:fixed;top:100px;width:100%;left:0;right:0;height:250px;z-index:80;">
    <div style="width:100%;max-width:1920px;margin:0 auto;">
        <img style="width:100%;height:100%;"  src="__ROOT__/static/index/img/subbanner_03.jpg">
    </div>
</div>


<div class="gas-index layui-fluid" style="width:100%;padding:10px 0 0;background-color:#f7f6f4;position:relative;margin-top:350px;z-index:110;">

    <div class="aboutus-content layui-row margin-top-20">
        <div class="article">
            {foreach $aboutus.pageinfo as $key=>$vo}
            <div class="item">
                <div class="header">
                    <span class="icon"></span>
                    <span class="title">{$vo.title}</span>
                </div>
                <div class="body margin-top-10">
                    <div class="content">
                        <img title="" src="{$vo.article[0]['thumb']}" align="left" width="120" hspace="5" vspace="5" >
                        <p style="line-height:22px;text-indent: 20px;font-size:13px;">
                            {$vo.article[0]['digest']|raw}
                            <a href="/aboutus/list.html?id={$vo.id}">查看更多>></a>
                        </p>
                    </div>
                </div>
            </div>
            {/foreach}
        </div>

        {foreach $aboutus.listinfo as $key=>$vo}
        <div class="notice">
            <div class="header">
                <span class="icon"></span>
                <span class="title">{$vo.title}</span>
                <span class="more"><a href="/aboutus/list.html?id={$vo.id}">>>更多</a></span>
            </div>
            <div class="content">
                <ul>
                    {foreach $vo.articles as $key2=>$vo2}
                    <li>
                        <span class="nav-icon padding-right-5 fa fa-square dot"></span>
                        <a class="pull-left" href="/aboutus/detail.html?id={$vo2.id}">{$vo2.title|mb_substr=0,30,'utf-8'}</a>
                        <span class="pull-right">{$vo2.create_at|format_datetime='Y-m-d'}</span>
                    </li>
                    {/foreach}
                </ul>
            </div>
        </div>
        {/foreach}

    </div>

    {include file="common/footer" /}


</div>

{/block}

{block name='style'}
<meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1">
<script>if (location.href.indexOf('#') > -1) location.replace(location.href.split('#')[0])</script>
<link rel="stylesheet" href="__ROOT__/static/index/index.css">
{/block}

{block name='script'}
<script src="__ROOT__/static/index/index.js"></script>
<script>
    layui.use('carousel', function(){
        var carousel = layui.carousel;
        //建造实例
        carousel.render({
            elem: '#carousel'
            ,width: '100%' //设置容器宽度
            ,height: '450px'
            ,arrow: 'always' //始终显示箭头
            //,anim: 'updown' //切换动画方式
        });
    });
    window.$= layui.$;
    $(function () {
        $(document).on('click','#btn-close',function() {
            $("#search_form").hide();
        });
        $(document).on('click','.fa-search',function() {
            $("#search_form").show();
        });
    });
</script>
{/block}
